Widget Settings

The settings section allows you to configure how the widget will work and display for the end users.

Setting options are:

Option	Value	Description
Tab alignment	Option	This option allows you to set how the horizontal tabs will display. Only valid when tab style is Horizontal
Add border to tab element	Yes / No	When this option is set to yes, a border class will be added to the tab element.
Tab Style	Option	The tab style allows you to select if the tabs should be Horizontal or Vertical
Container Class	Class	The container class allows you to set a specific class on the container.
Container Background	HEX	The container background option allows you to set a specific background color for the main container.
Heading	Text	The heading section allows you to set a heading that will display above the tabs
Heading Icon	Icon	The heading icon allows you to select from a pre-defined icon list that will display to the left of the heading
Header Content	Text	Header content allows you to set content that will display under the header but above the tabs, allows you to give descriptive text for the tabs.
Anchor Name	Text	This setting allows you to set an anchor to the tab container.
Make buttons full width	Yes / No	This setting, when checked, will make all buttons in the btn bar full width, regardless of the tab.

Option	Value	Description
Use divider	Yes/No	The container class will add a css class to the main container. This can be any valid css class name `use only the classes name`
Divider Color	HEX Color	The container background color will set the background color of the container. To use, simply select the color picker and select the color. You may also use the HEX input to put in exact colors using their HEX value.
Gradient End Color	Hex / Alpha color	The divider, by default, will gradient from the `Divider Color` to the `Gradient End Color`. Setting this allows you to set how that transition looks and the alpha (transparency) as well.
Divider Type	Option	The divider type has 4 options to choose from Wave - A wave pattern Angle Right - Will create a pyramid divider skewed to the right Angle Left - Will create a pyramid divider skewed to the left Line - Will create a solid line
Divider Height	Number	This allows you to control the height of the divider. When adding a number here it will override the default divider height. This can be helpful in adjusting the gap between sections